@CHARSET "UTF-8";

@media screen {
	.feedbackform {
		padding: 5px;
	}
	div.champDdb {
		/*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
		width: auto; /*width of form rows*/
		overflow: hidden;
		padding: 5px 0;
	}
	div.champDdb label.styleDdb {
		/* label elements that should be styleDdb (left column within champDdb DIV) */
		float: left;
		width: 250px; /*width of label (left column)*/
		text-transform: uppercase;
		border-bottom: 1px solid #FECC00;
		margin-right: 15px; /*spacing with right column*/
	}
	div.champDdb div.unchamp {
		/* DIV that wraps around the actual form fields (right column within champDdb DIV) */
		float: left;
		margin-bottom: 10px; /* space following the field */
	}
	/*
	div.champDdb div.unchamp input[type="text"] {
		width: 250px;
	}
	div.champDdb div.unchamp textarea {
		width: 300px;
		height: 150px;
	}
	div.champDdb div.unchamp textarea.adresse {
		width: 300px;
		height: 30px;
	}
	*/
	div.champDdb div.unchamp .noBorder {
		border: none
	}
	div.boutonsdiv { /*div that wraps around the submit/reset buttons*/
		margin-top: 5px; /*space above buttonsdiv*/
	}
	div.boutonsdiv input {
		/* style for INPUT fields within 'boutonsdiv'. Assumed to be form buttons. */
		width: 80px;
		background: #e1dfe0;
	}
	div.champDdb img.oligatoire {
		position: absolute;
		left: 240px;
		margin-top: 4px;
	}
	#formrecherche input[type="text"] {
		width: inherit;
	}
	img.lien:hover {
		cursor: pointer;
	}
	.cssform p.relook {
		width: 350px;
		min-height: 7px;
		margin: 0;
		padding: 5px 0 8px 0;
		padding-left: 155px;
		/*width of left column containing the label elements*/
		border-top: 1px dotted gray;
		border-left: solid 5px transparent;
		height: 1%;
	}
	.cssform table tr td p {
		border-top: none;
		padding: 2px 0;
	}
	.cssform div #commentaires p {
		width: 300 px;
		height: 150 px;
		min-height: inherit;
		margin: inherit;
		padding: inherit;
		padding-left: inherit;
		/*width of left column containing the label elements*/
		border-top: inherit;
		border-left: inherit;
		height: inherit;
	}
	.cssform div#commentaireClient fieldset {
		width: 510px;
	}
	.cssform p.requis {
		border-left: solid 5px #FECC00;
	}
	.cssform label {
		font-weight: bold;
		float: left;
		margin-left: -155px; /*width of left column*/
		width: 150px;
		color: #000000;
		/*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	.cssform label.styleDdb { /*width: 250px;*/
		float: left;
	}
	.cssform .radio {
		position: absolute;
		margin-left: 0px;
		margin-bottom: 5px;
	}
	.cssform .radio label {
		margin-left: 0px;
	}
	.cssform input[type=text] {
		/*width of text boxes. IE6 does not understand this attribute*/
		width: 180px;
	}
	.cssform div.ui-tabs-panel input[type="text"] {
		width: inherit;
	}
	.cssform div.fileupload-buttonbar label {
		margin: inherit;
	}
	.cssform div#commentaires textarea {
		width: inherit;
		height: inherit;
	}
	.cssform textarea {
		width: 250px;
		height: 150px;
	}
	.cssform .decallageRadio {
		position: absolute;
		margin-left: 160px;
	}
	.cssform fieldset {
		border: #CCC 1px solid;
		margin: 1em;
	}
	.cssform legend {
		padding: 0 10px;
		margin: 0 30px;
		border-left: #CCC 1px solid;
		border-right: #CCC 1px solid;
		font-size: 1.2em;
		color: #999;
	}
	.readonly {
		background-color: #E4EDF1;
	}

	/* multiselect styles */
	.multiselect {
		width: 505px;
		height: 200px;
	}

	/* Multiselect
----------------------------------*/
	.ui-multiselect {
		border: solid 1px;
		font-size: 0.8em;
	}
	.ui-multiselect ul {
		-moz-user-select: none;
	}
	.ui-multiselect li {
		margin: 0;
		padding: 0;
		cursor: default;
		line-height: 20px;
		height: 20px;
		font-size: 11px;
		list-style: none;
	}
	.ui-multiselect li a {
		color: #999;
		text-decoration: none;
		padding: 0;
		display: block;
		float: left;
		cursor: pointer;
	}
	.ui-multiselect li.ui-draggable-dragging {
		padding-left: 10px;
	}
	.ui-multiselect div.selected {
		position: relative;
		padding: 0;
		margin: 0;
		border: 0;
		float: left;
	}
	.ui-multiselect ul.selected {
		position: relative;
		padding: 0;
		overflow: auto;
		overflow-x: hidden;
		background: #fff;
		margin: 0;
		list-style: none;
		border: 0;
		position: relative;
		width: 100%;
	}
	.ui-multiselect ul.selected li {
		
	}
	.ui-multiselect div.available {
		position: relative;
		padding: 0;
		margin: 0;
		border: 0;
		float: left;
		border-left: 1px solid;
	}
	.ui-multiselect ul.available {
		position: relative;
		padding: 0;
		overflow: auto;
		overflow-x: hidden;
		background: #fff;
		margin: 0;
		list-style: none;
		border: 0;
		width: 100%;
	}
	.ui-multiselect ul.available li {
		padding-left: 10px;
	}
	.ui-multiselect .ui-state-default {
		border: none;
		margin-bottom: 1px;
		position: relative;
		padding-left: 20px;
	}
	.ui-multiselect .ui-state-hover {
		border: none;
	}
	.ui-multiselect .ui-widget-header {
		border: none;
		font-size: 11px;
		margin-bottom: 1px;
	}
	.ui-multiselect .add-all {
		float: right;
		padding: 7px;
	}
	.ui-multiselect .remove-all {
		float: right;
		padding: 7px;
	}
	.ui-multiselect .search {
		float: left;
		padding: 4px;
		width: 100px;
	}
	.ui-multiselect .count {
		float: left;
		padding: 7px;
	}
	.ui-multiselect li span.ui-icon-arrowthick-2-n-s {
		position: absolute;
		left: 2px;
	}
	.ui-multiselect li a.action {
		position: absolute;
		right: 2px;
		top: 2px;
	}
	.ui-multiselect input.search {
		height: 14px;
		padding: 1px;
		opacity: 0.5;
		margin: 4px;
		width: 100px;
	}
}

@media print {
	*,table,ul,li {
		display: none;
		visibility: hidden;
	}
	#avertissementImpression {
		display: block;
	}
}